/* 分类标签的公共样式 */
.category-badge {
    display: inline-block;
    padding: 2px 6px;
    margin-right: 8px;
    border-radius: 3px;
    color: white;
    font-size: 0.8rem;
    font-weight: 500;
}

/* 各分类的颜色 */
.category-badge.Work {
    background-color: #f44336; /* 红色 */
}

.category-badge.Life {
    background-color: #4CAF50; /* 绿色 */
}

.category-badge.Study {
    background-color: #2196F3; /* 蓝色 */
}

.category-badge.Game {
    background-color: #FF9800; /* 橙色 */
}

.category-badge.Other {
    background-color: #9E9E9E; /* 灰色 */
}

/* 分类标签悬浮效果 */
.category-badge:hover {
    opacity: 0.9;
}

/* 分类过滤按钮 */
.category-filter {
    margin: 0 5px;
    padding: 2px 8px;
    border-radius: 3px;
    cursor: pointer;
}

.category-filter.Work {
    background-color: rgba(244, 67, 54, 0.1);
    color: #f44336;
}

.category-filter.Life {
    background-color: rgba(76, 175, 80, 0.1);
    color: #4CAF50;
}

.category-filter.Study {
    background-color: rgba(33, 150, 243, 0.1);
    color: #2196F3;
}

.category-filter.Game {
    background-color: rgba(255, 152, 0, 0.1);
    color: #FF9800;
}

.category-filter.Other {
    background-color: rgba(158, 158, 158, 0.1);
    color: #9E9E9E;
}

.category-filter.active {
    border: 1px solid currentColor;
}
